<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale = 1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src = './common/js/reset.js'></script>
    <link rel="stylesheet" href="./common/css/reset.css">
    <link rel="stylesheet" href="./css/dayTimeOperation.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <title>日间手术</title>
</head>
<body>
    <div class="header">
        <a class = "iconfont icon-zuojiantou" href="./index.html"></a>
        日间手术服务号 
        <span class="currentPosition">
            <i class="iconfont icon-location"></i> <span>杭州</span>
        </span>
    </div>
    <div class="hosList">
        <ul>
            <li>
                <a href="hospital.html">
                    <img class= "hosPic" src="./images/hospital.png" alt="">
                    <p class = "hosName">复旦大学附属华山医院 </p>
                    <p class = "level">
                        <span class="hosLevel">三甲医院</span>
                        <span class= "appointmentNum">预约手术量: <b>300</b> 例 </span>
                    </p>
                    <p class = "tag">
                        <span>手术科</span>
                        <span>普外fsffddfffd科</span>
                        <span>普外fsffddfffd科</span>
                        <span>普外fsffddfffd科</span>
                    </p>
                </a>
            </li>
            <li>
                <a href="hospital.html">
                    <img class= "hosPic" src="./images/hospital.png" alt="">
                    <p class = "hosName">复旦大学附属华山医院 </p>
                    <p class = "level">
                        <span class="hosLevel">三甲医院</span>
                        <span class= "appointmentNum">预约手术量: <b>300</b> 例 </span>
                    </p>
                    <p class = "tag">
                        <span>手术科</span>
                        <span>普外fsffddfffd科</span>
                    </p>
                </a>
            </li>
        </ul>
    </div>
    <div class="positionWrap" flag = "false">
        <div class="category">
                <div class="currentCity" ><span class="currentPositionCity"> 按医院地址分类</span>
                    <i class = "iconfont icon-down"></i>
                </div>
                <div class="hospital">按医院分类
                    <i class = "iconfont icon-down"></i>
                </div>
            </div>
        <div class="panel">
            <div class="panelWrap" flag= 'false'>
                <div class="panel0" >
                    <h3>
                        当前定位城市： <span class ="currentPositionCity">浙江 杭州</span>
                    </h3>
                    <div class = "clearfix col">
                        <ul class = "province">
                            <li>重点地区</li>
                            <li>北京</li>
                            <li>上海</li>
                            <li class="active">浙江</li>
                            <li>安徽</li>
                            <li>福建</li>
                            <li>天津</li>
                            <li>天津</li>
                            <li>天津</li>
                            <li>天津</li>
                            <li>天津</li>
                            <li>天津</li>
                        </ul>
                        <div class="cityWrap">
                            <div class="city">
                                <ul>
                                    <li> 
                                        <span >全部</span>
                                        <b>400家</b>
                                    </li>
                                    <li class="active">
                                        <span >杭州</span>
                                        <b>30家</b>
                                    </li>
                                    <li><span >湖州</span>
                                        <b>300家</b>
                                    </li>
                                    <li><span >嘉兴</span>
                                        <b>80家</b>
                                    </li>
                                    <li><span >金华</span>
                                        <b>40家</b>
                                    </li>
                                    <li><span >金华</span>
                                        <b>40家</b>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="panel1">
                    <ul>
                        <li class= "active">
                            <span class="hosType">全部医院</span>
                            <span class="hosNum">900家</span>
                        </li>
                        <li>
                            <span class="hosType">综合医院</span>
                            <span class="hosNum">300家</span>
                        </li>
                        <li>
                            <span class="hosType">整形美容医院</span>
                            <span class="hosNum">300家</span>
                        </li>
                        <li>
                            <span class="hosType">口腔医院</span>
                            <span class="hosNum">300家</span>
                        </li>
                        <li>
                            <span class="hosType">眼科医院</span>
                            <span class="hosNum">300家</span>
                        </li>
                        <li>
                            <span class="hosType">妇产医院</span>
                            <span class="hosNum">300家</span>
                        </li>
                        <li>
                            <span class="hosType">儿童医院</span>
                            <span class="hosNum">300家</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
   
    <script src="./lib/jquery-1.11.3.min.js"></script>
    <script src="./js/dayTimeOperation.js"></script>
</body>
</html>